/* CSS Document */
@media only screen and (min-width: 980px) and (max-width: 1199px)  {
    .wrapper{
        width:980px;
    }
    .home-services > li.span2{
        width:16.5% !important;	
    }
    #grid{
        margin-top:80px;	
    }
    .business-profile-page #grid{
        margin-top:0px;	
    }
	.welcome-to-shampoo p{
		padding-left:0px;	
	}
	
	.filter-wr{
		float:left;
		width:23%;
		position:relative;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    body{
        padding:0;	
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
        margin:0 !important;	
    }
    .wrapper, .wrapper-sub, .wrapper-sub-1{
        width:99.8%;
        padding:0px;
    }
    .wrapper-sub, .wrapper-sub-1{
        width:98%;
        margin-top:10px;	
    }
    .search-box{
        margin-left:-370px;
        left:50%;
        width:700px;	
    }
    .search-box .btn-view-list{
        font-size:11px;	
    }
    .homepage-content{
        margin-top:0px;	
    }
    .row-fluid > div{
        /*text-align:center !important;*/	
    }
    ul.navigation{
        margin:0px;	
    }
    ul.navigation li{
        width:95%;
        border-left:none;
        padding-left:10px;	
    }
    ul.navigation li a{
        outline:none;	
    }
    .copyright{
        line-height:30px !important;	
    }
    .narrow-up{
        float:right;	
    }
    .home-services > li.span2{
        width:16.5% !important;	
    }

    /*-------( Slider Gallery )----------------------------------*/
    .gallery {
        height: 300px!important;
    }
    /*-------( Sub Page )----------------------------------*/

    ul.navigation-sub{
        padding-left:0px;
        padding-right:0px;	
    }
    ul.navigation-sub > li{
        padding-left:0px;
        padding-right:0px;
        width:100%;
    }
    .gallery-style ul.da-thumbs li.span3{
        width:45%;
        margin:15px 2.4%;
    }
    .map-location{
        min-width:100%;	
    }
    #myplace{
        width:97%;	
        left:280px;
    }
    .media-body button{
        margin:5px;
        clear:both;	
    }
    .wizard a {
        font-size:12px;
        border:none !important;	
        padding:10px;
        width:25%;
    }
    .wizard a:before, .wizard a:after{
        border:none !important;
    }
    .wizard .current{
        width:25%;	
    }
    .book-btn{
        width:40%;	
    }
    .search-box .view-list-div{
        text-align:left !important;	
    }

    /*-------( Advance Search )--------------------------------*/
    .advance-search-fluid{
        display:none;	
    }
    .advance-search{
        max-width:90%;
    }
    /*--------Browser Page Custom----------*/
    .wrapper-sub-browser{
        margin-top:0px;	
    }
    .browser-page .page-title{
        position:absolute;	
        width:100%;
        margin-left:0;
    }
    .filter-bar{
        display:none !important;	
    }
    #side-right-wrapper{
        width:100%;	
    }
    .input-search{
        width:90%;
        margin-left:5%;	
    }
    .header-nav{
        padding-right:0;	
    }
    ul.navigation-sub{
        margin:10px 0 0 0;
        padding:0;	
    }
    ul.navigation-sub li a{
        width:100%;
        padding:6px 10px;
        background:#FAFAFA;
        border:none;
        border-bottom:1px solid #AAA;
		text-align:center;
    }
    ul.navigation > li:hover a, ul.navigation > li.nav-active a, ul.navigation-sub > li:hover a, ul.navigation-sub > li.nav-active a{
        padding:6px 10px;
        background:#EEE;
        border:none;
        border-bottom:1px solid #AAA;
    }
    ul.navigation-sub li:last-child a{
        border-bottom:none;	
    }
    .option {
        padding-right:0;	
    }
    .option .btn-group {
        float:none;	
    }
    #grid{
        margin-top:80px;	
    }
    .list-style{
        padding-right:0;	
    }
    .item-caption .business-name, .item-caption .business-name p, .item-description, .item-description p{
        text-align:left;	
    }
    /*-------Genaral Custom---------*/
    .navi-wrap{
        width:100%;	
    }
    ul.navigation{
        margin:20px 0 0 0;
        padding:0;	
    }
    ul.navigation li{
        width:100%;
        padding:0px;	
    }
    ul.navigation li a{
        text-align:center;
        width:100%;	
        padding:6px 10px;
        border:none;
        border-bottom:1px solid #DDD;
    }
    ul.navigation li:last-child a{
        border:none;
    }
    /*------- Profile -----------*/
    .header-nav{
        width:100%;	
    }
    .header-bg{
        display:none;	
    }
    .profile ul.navigation > li:hover a, .profile ul.navigation > li.nav-active a,.profile ul.navigation-sub > li:hover a,.profile ul.navigation-sub > li.nav-active a,.profile ul.navigation-sub li a{
        padding:6px 0px;
    }
    .profile .ri-grid{
        margin-top:0px;	
    }
    .profile-slide-caption{
        top: 140px;
        left: 100px;
        width: 55%;
        padding: 2%;
    }
    .profile-slide-caption h1{
        text-align:center;
        font-size:30px!important;	
        line-height:35px!important;
    }
    .profile-slide-caption h2{
        text-align:center;
        font-size: 20px!important;
        line-height: 15px!important;
    }
    .profile-caption{
        top:300px;
        background:#000;
        float:left;
        clear:both;	
    }
    ul.profile-by-num{
        float:left;
        clear:both;
        background:#000;	
    }
    ul.profile-by-num li h2{
        font-size:16px;	
    }
    .box-right{
        max-width:100%;
        overflow:hidden;	
    }
    .our-service-items{
        margin-top:30px !important;	
    }
    .our-service-items li{
        width:47% !important;	
    }
    .box-map{
        margin-top:0px !important;	
    }
	.menu-center{
		width:100%;
		display:block;
		float:left;	
	}
	ul.navigation > li, ul.navigation-sub > li{
		display:block;
		float:left;	
	}
	#header_nav .navbar{
		clear:both;
		width:100%;	
	}
	ul.navigation-sub{
		width:100%;	
	}
	#header_nav > .row-fluid > .span12 > .span4{
		width:400px;	
	}
	.homepage-video{
		max-width:100%;
		float:none;	
		width:100%;
		height:auto;
	}
	.welcome-shampoo{
		margin-left:0;	
		font-size:24px;
		margin-top:0;
	}
	.welcome-to-shampoo p{
		padding:0px 0 0 10px;	
		font-size:12px;
		line-height:20px;
	}
	.what-is-shampoo{
		margin-left:10px;	
	}
	.select2-container-multi .select2-choices, .chzn-container-multi .chzn-choices{
		width:100%;	
	}
	#advance_search .day-of-birth input.bday-append{
    /*width: 78%!important;*/
		width: 78%!important;
	}
	#advance_search #start_time, #advance_search #to_time{
		width: 100%!important;	
	}
	#advance_search .input-append{
		width:98%;	
	}
	
	.filter-wr{
		float:left;
		width:23%;
		margin-top:20px;
		position:relative;
	}
	.browser-wr{
		margin-top:20px;	
	}
}

/* All Mobile Sizes (devices and browser) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body{
        padding:0;	
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
        margin:0 !important;	
    }
    .wrapper, .wrapper-sub, .wrapper-sub-1{
        width:99.8%;
        padding:0px;
    }
    .wrapper-sub, .wrapper-sub-1{
        width:98%;
        margin-top:10px;	
    }
    .search-box{
        margin-left:auto;
        width:auto;	
        top:50px;
        left:auto;
        padding-bottom:20px;
    }
    .get-powered{

    }
    .carousel-caption-cls .slide-caption{
        position:static;	
    }
    .homepage-content{
        margin-top:0px;	
    }
    .row-fluid > div{

    }
    ul.navigation{
        margin:0px;	
    }
    ul.navigation li{
        width:95%;
        border-left:none;
        padding-left:10px;	
    }
    ul.navigation li a{
        outline:none;	
    }
    ul.social-network{
        position:absolute;
        width:150px;
        margin-top:10px;
        left:50%;
        margin-left:-70px;	
    }
    .sign-block{
        width:145px;
        position:relative;
        left:auto;
        float:left;
        margin-left:5% !important;
        margin-bottom:10px !important;
    }
    .wrapper-home-header .sign-block{
        margin-left:0px !important;	
    }
    .header .input-search, .sign-block{
        margin-top:20px;	
    }
    .home-services > li.span2{
        width:auto;	
    }
    .copyright{
        clear:both;
        line-height:20px !important;	
    }
    #back-top{
        float:right;	
    }
    .datepicker datepicker-dropdown dropdown-menu{
        left:30px !important;	
    }
    .register-form{
        width:300px;	
        left:-172px;
    }
    .signin-form{
        width:300px;	
        left:-117px;
    }
    .vertical-line{
        display:none !important;	
    }
    .vertical-or{
        right:140px;
        top:226px;	
    }
    .vertical-or.sign-up{
        top:276px;	
    }
    .social-div, .welcome-div{
        position:relative;
        margin-top:15px;	
    }
    .logo-cls{
        margin-top:20px;	
    }

    /*-------( Slider Gallery )----------------------------------*/
    .gallery {
        height: 100%!important;
        width: 95%!important;
    }
    .gallery .secondary-image {
        width: 100%!important;
    }
    .gallery .main-image img {
        height: auto!important;
    }

    .gallery .main-image {
        max-width: 100%!important;
        width: 99.9%!important;
        height: auto!important;
    }
    .gallery .secondary-image .bottom {
        display: none;
    }
    .gallery .secondary-image .top {
        height: auto!important;
    }
    .gallery .secondary-image .left, .gallery .secondary-image .middle, .gallery .secondary-image .right {
        width: 33.3%!important;
    }

    /*-------( Sub Page )----------------------------------*/

    ul.navigation-sub{
        padding-left:0px;
        padding-right:0px;	
    }
    ul.navigation-sub > li{
        padding-left:0px;
        padding-right:0px;
        width:100%;
    }

    .list-style .block-salon{
        max-height:none;	
    }
    .list-style .block-salon .salon-price{
        padding-top:20px;
        padding-bottom:20px;	
    }
    .list-style .salon-title{
        max-width:100%;
        padding-left:0 !important;	
        padding:0 5% !important;
    }
    .map-location{
        min-width:100%;	
    }


    .filter-bar{
        top:40px;	
    }
    .profile-img{
        width:100%;
        height:auto;
        margin-bottom:20px;	
    }
    .rates-block{
        float:none;
        margin-top:20px;
        width:100%;
        text-align:center;	
    }
    .btn-bookservice{
        margin-top:20px;	
    }
    .similar-bussiness .span3{
        margin-bottom:20px;	
    }
    #myplace{
        width:92%;	
        left:0px;
    }
    .media-body button{
        margin:5px 30px;
        clear:both;	
    }
    .narrow-down{
        display:none;	
    }
    .footer-bottom{
        min-height:190px;	
    }

    .wizard a {
        font-size:12px;
        border:none !important;	
        padding:10px;
        width:25%;
    }
    .wizard a:before, .wizard a:after{
        border:none !important;
    }
    .wizard .current{
        width:25%;	
    }
    .book-btn{
        width:70%;	
    }
    .user-img{
        margin:0 auto !important;	
    }
    .media-object{
        width:64px;
        margin:0 auto;	
    }
    .book-again{
        float:none;
        margin:0 auto;	
    }

    /*--------Browser Page Custom----------*/
    .wrapper-sub-browser{
        margin-top:0px;	
    }
    .browser-page .page-title{
        position:absolute;	
        width:100%;
        margin-left:0;
        border-left:none;
        border-right:none;
        padding-bottom:6px;
    }
    .filter-bar{
        display:none !important;	
    }
    #side-right-wrapper{
        width:100%;	
    }
    .input-search{
        width:90%;
        margin-left:5%;	
    }
    .header-nav{
        padding-right:0;
        min-height: 150px;
    }
    ul.navigation-sub{
        margin:10px 0 0 0;
        padding:0;	
    }
    ul.navigation-sub li a{
        width:100%;
        padding:6px 10px;
        background:#FAFAFA;
        border:none;
        border-bottom:1px solid #DDD;
    }
    ul.navigation > li:hover a, ul.navigation > li.nav-active a, ul.navigation-sub > li:hover a, ul.navigation-sub > li.nav-active a{
        padding:6px 0px;
        background:#EEE;
        border:none;
        border-bottom:1px solid #AAA;
    }
    ul.navigation-sub li:last-child a{
        border-bottom:none;	
    }
    .option {
        padding-right:0;	
    }
    .option .btn-group {
        float:none;	
    }
    #grid{
        margin-top:140px;
        display:block;	
    }
    .list-style{
        	
    }
	.list-style-merchant.list-style{
		display:block !important;	
	}
	#listItem .list-style-merchant.list-style:first-child{
		margin-top:30px;	
	}
	#listItem{
		padding-left:15px;	
	}
    #btn-list{
        display:none;	
    }
    .head-title{
        padding-left:0px;
    }
    .item-caption .business-name, .item-caption .business-name p, .item-description, .item-description p{
        text-align:left;	
    }

    /*-------Genaral Custom---------*/
    .navi-wrap{
        width:100%;	
    }
    ul.navigation{
        margin:20px 0 0 0;
        padding:0;	
    }
    ul.navigation li{
        width:100%;
        padding:0px;	
    }
    ul.navigation li a{
        text-align:center;
        width:100%;	
        padding:6px 0px;
        border:none;
        border-bottom:1px solid #DDD;
    }
    ul.navigation li:last-child a{
        border:none;
    }

    /*------- Profile -----------*/
    .header-nav{
        width:100%;
        min-height:150px;
    }
    .header-bg{
        display:none;	
    }
    .profile ul.navigation > li:hover a, .profile ul.navigation > li.nav-active a,.profile ul.navigation-sub > li:hover a,.profile ul.navigation-sub > li.nav-active a,.profile ul.navigation-sub li a{
        padding:6px 0px;
    }
    .profile .ri-grid{
        margin-top:0px;	
        margin-bottom:0px;
        min-height:0;
        float:left;
    }
    .profile-slide-caption{
        top:205px;
        left:0px;
        width:94%;
        padding:3%;	
        position:relative;
        z-index:0;
    }
    .profile-slide-caption h1{
        text-align:center;
        font-size:20px !important;	
        line-height:20px !important;
    }
    .profile-slide-caption h2{
        text-align:center;
        font-size:16px !important;
        line-height:20px !important;	
    }
    .profile-caption{
        top:330px;
        background:#0082A7;
        float:left;
        clear:both;	
    }
    ul.profile-by-num{
        float:left;
        clear:both;
        background:#0082A7;	
    }
    ul.profile-by-num li h2{
        font-size:16px;	
    }
    .profile-content{
        margin-top:0px;	
    }
    .our-service-items{
        margin-top:30px !important; 	
    }
    .our-service-items li{
        width:45% !important;	
    }
    .box-right{
        max-width:100%;
        overflow:hidden;	
    }
    .box-view-all-service{
        display:none;	
    }
    .box-map{
        margin-top:0px !important;	
    }
    .box-operation ul li span:first-child{
        float:none;
        width:auto;
    }	
    .box-operation ul{
        margin:0;
        padding:0;	
    }
    .business-profile-page .list-btn, .business-profile-page .separ, .business-profile-page #service_item a, .business-profile-page #service_item span{
        display:none;
    }
    /*-------Update 13/1--------*/
    .welcome-div{
        position:absolute;
        width:150px !important;	
    }
    .btn-navbar{
        padding:12px !important;
        background:#F73298 !important;	
        margin-bottom:10px;
    }
    ul.navigation{
        margin-top:5px;	
    }
    .homepage-content{
        margin-top:-20px;	
    }
    .signin-form{
        left:-45px;	
    }
    .ico-network, .ico-twitter{
        margin-left:15px;	
    }
    .vertical-or{
        top:193px;	
    }
    .register-form{
        left:-100px;	
    }
    .vertical-or.sign-up{
        top:172px;	
    }
    .signup-wrapper, .signin-wrapper{
        margin-top:40px !important;	
    }
    #UserSignUp_birthday{
        width:84%;	
    }
    .carousel-caption-cls .caption-text{
        float:right;	
    }
    .btn-view-list{
        float:right;	
    }


    /*-------------Sub Page--------------*/
    ul.navigation-sub li a{
        text-align:center;	
        padding:6px 0px;
    }
    .side-right .page-title, .side-right .page-title .option, .side-right .page-title-favourite, .side-right .page-title-favourite .option{
        text-align:center;	
    }
    ul.my-account-ul{
        margin-right:5%;	
    }
    .dropdown-menu .divider{
        margin:2px 1px;	
    }
    #grid{
        margin-top:110px;
    }
    #side-right-wrapper-favourite #grid{
        margin-top:20px;	
    }
    .page-title-favourite{
        padding-bottom:5px;	
    }

    #side-right-wrapper-favourite .grid li{
        width:50%;	
    }
    #side-right-wrapper-favourite #grid2{
        padding-top:0;	
    }
    .search-top{
        width:40% !important;	
        float:right !important;
    }
    .header-nav{
        min-height:0px;	
    }
    .profile-block, .profile-block .items-thumb{
        max-width:100%;
    }
    .page-bg{
        display:none;	
    }
    .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right{
        left:0px;
        right:auto;	
    }
    ul.my-account-ul{
        float:left;	
    }
    /*---------Profile Page----------*/
    .dacker{
        display:none;
    }	
    .profile-caption{
        position:relative;	
        top:0px;
        bottom:auto;
    }
    .profile-caption img.profile-logo{
        width:80px;
        height:80px;
        top:9px;	
        left:10px;
    }
    .profile-slide-caption{
        top:0px;	
    }
    /*---------Booking form---------*/
    #right-bookingform{
        margin-top:40px;	
    }
    .step-number{
        height:60px;
        width:60px;
        line-height:60px;
        font-size:40px;	
    }
    .step-title{
        line-height:60px;
        font-size:20px;
    }
    h3.im-member{
        font-size:16px;	
    }
    #right-bookingform h3.im-member{
        margin:60px 0 20px;
    }
    .text-bigger{
        font-size:2em;	
    }
    h1{
        font-size:2.3em;	
    }
    .or-mobile{
        display:block;	
    }
    #header_nav .span8{
        background:#FDFDFD;	
    }
    .small-logo{
        margin-top:18px;	
    }
    .profile-name h2{
        margin-left:115px;
    }
    ul.profile-by-num{
        margin-top:30px;	
    }
    ul.profile-by-num li{
        border-top:1px solid #FFF;
        border-left:1px solid #FFF;	
        padding-top:10px;
        padding-bottom:15px;
    }
    ul.profile-by-num li:first-child{
        border-left:none;
    }
    ul.profile-by-num li:last-child{
        padding-top:20px;	
    }
    .profile-produce{
        float:left !important;	
    }
	
	/*------------ update layout 16/2 --------------*/
	.menu-center{
		width:100%;
		display:block;
		float:left;	
	}
	ul.navigation > li, ul.navigation-sub > li{
		display:block;
		float:left;	
	}
	.search-box{
		width:260px;
		left:50%;
		margin-left:-150px;	
		top:50%;
		margin-top:-150px;
		height:auto;
	}
	a.advance-search-bt{
		margin-bottom:10px;	
	}
	.search-toggle{
		top:40px;
		margin-top:0px;	
	}
	.day-of-birth input.bday-append{
		width:220px !important;	
	}
	#advance_search #start_time,#advance_search #to_time{
		width:231px;	
	}
	ul.navigation-sub{
		width:100%;	
	}
	iframe{
		max-width:100%;
		height:auto;
		min-height:200px;	
	}
	.link-pricing a{
		width:80%;
		float:left;	
		clear:both;
		padding:6px 5% !important;
		margin-left:5%;
	}
	.welcome-to-shampoo h1{
		margin-top:40px !important;
		margin-bottom:40px;
		font-size:40px !important;
	}
	footer{
		clear:both;	
	}
	.link-pricing{
		margin-top:20px !important;	
	}
	
	.homepage-video{
		max-width:100%;
		float:none;	
		margin:0 auto;
		width:100%;
		height:auto;
	}
	.welcome-shampoo{
		margin-left:0;	
	}
	.row-fluid.welcome-to-shampoo .span7{
		text-align:center;	
	}
	.welcome-to-shampoo p{
		padding:10px;	
	}
	.what-is-shampoo{
		margin:20px auto;
		width:80%;	
	}
	.welcome-to-shampoo > .span5{
		text-align:center;	
	}
	.select2-container-multi .select2-choices, .chzn-container-multi .chzn-choices{
		width:100%;	
	}
	
	.filter-wr{
		display:none;
	}
	.browser-wr, .bookform-wr{
		margin-top:0px;	
		width:100%;
	}
	.separate{
		display:none;	
	}
	.currency{
		float:left;
		margin-left:15px;	
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
    body{
        padding:0;	
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
        margin:0 !important;	
    }
    .wrapper, .wrapper-sub, .wrapper-sub-1{
        width:99.8%;
        padding:0px;
    }
    .wrapper-sub, .wrapper-sub-1{
        width:98%;
        margin-top:10px;	
    }
    .search-box{
        margin-left:auto;
        width:auto;	
        top:50px;
        left:auto;
        padding-bottom:20px;
    }
    .get-powered{

    }
    .carousel-caption-cls .slide-caption{
        position:static;	
    }
    .homepage-content{
        margin-top:0px;	
    }
    .row-fluid > div{

    }
    .gallery {
        height: auto;
    }
    ul.navigation{
        margin:0px;	
    }
    ul.navigation li{
        width:95%;
        border-left:none;
        padding-left:10px;	
    }
    ul.navigation li a{
        outline:none;	
    }
    ul.social-network{
        position:absolute;
        width:150px;
        margin-top:10px;
        left:50%;
        margin-left:-70px;	
    }
    .sign-block{
        width:145px;
        position:relative;
        left:auto;
        float:left;
        margin-left:5% !important;
        margin-bottom:10px !important;
    }
    .wrapper-home-header .sign-block{
        margin-left:0px !important;	
    }
    .header .input-search, .sign-block{
        margin-top:20px;	
    }
    .home-services > li.span2{
        width:auto;	
    }
    .copyright{
        clear:both;
        line-height:20px !important;	
    }
    #back-top{
        float:right;	
    }
    .datepicker datepicker-dropdown dropdown-menu{
        left:30px !important;	
    }
    .register-form{
        width:300px;	
        left:-172px;
    }
    .signin-form{
        width:300px;	
        left:-117px;
    }
    .vertical-line{
        display:none !important;	
    }
    .vertical-or{
        right:140px;
        top:226px;	
    }
    .vertical-or.sign-up{
        top:276px;	
    }
    .social-div, .welcome-div{
        position:relative;
        margin-top:15px;	
    }
    .logo-cls{
        margin-top:20px;	
    }

    /*-------( Sub Page )----------------------------------*/

    ul.navigation-sub{
        padding-left:0px;
        padding-right:0px;	
    }
    ul.navigation-sub > li{
        padding-left:0px;
        padding-right:0px;
        width:100%;
    }

    .list-style .block-salon{
        max-height:none;	
    }
    .list-style .block-salon .salon-price{
        padding-top:20px;
        padding-bottom:20px;	
    }
    .list-style .salon-title{
        max-width:100%;
        padding-left:0 !important;	
        padding:0 5% !important;
    }
    .map-location{
        min-width:100%;	
    }


    .filter-bar{
        top:40px;	
    }
    .profile-img{
        width:100%;
        height:auto;
        margin-bottom:20px;	
    }
    .rates-block{
        float:none;
        margin-top:20px;
        width:100%;
        text-align:center;	
    }
    .btn-bookservice{
        margin-top:20px;	
    }
    .similar-bussiness .span3{
        margin-bottom:20px;	
    }
    #myplace{
        width:92%;	
        left:0px;
    }
    .media-body button{
        margin:5px 30px;
        clear:both;	
    }
    .narrow-down{
        display:none;	
    }
    .footer-bottom{
        min-height:190px;	
    }

    .wizard a {
        font-size:12px;
        border:none !important;	
        padding:10px;
        width:25%;
    }
    .wizard a:before, .wizard a:after{
        border:none !important;
    }
    .wizard .current{
        width:25%;	
    }
    .book-btn{
        width:70%;	
    }
    .user-img{
        margin:0 auto !important;	
    }
    .media-object{
        width:64px;
        margin:0 auto;	
    }
    .book-again{
        float:none;
        margin:0 auto;	
    }

    /*--------Browser Page Custom----------*/
    .wrapper-sub-browser{
        margin-top:0px;	
    }
    .browser-page .page-title{
        position:absolute;	
        width:100%;
        margin-left:0;
        border-left:none;
        border-right:none;
        padding-bottom:6px;
    }
    .filter-bar{
        display:none !important;	
    }
    #side-right-wrapper{
        width:100%;	
    }
    .input-search{
        width:90%;
        margin-left:5%;	
    }
    .header-nav{
        padding-right:0;
        min-height: 150px;
    }
    ul.navigation-sub{
        margin:10px 0 0 0;
        padding:0;	
    }
    ul.navigation-sub li a{
        width:100%;
        padding:6px 10px;
        background:#FAFAFA;
        border:none;
        border-bottom:1px solid #DDD;
    }
    ul.navigation > li:hover a, ul.navigation > li.nav-active a, ul.navigation-sub > li:hover a, ul.navigation-sub > li.nav-active a{
        padding:6px 0px;
        background:#EEE;
        border:none;
        border-bottom:1px solid #AAA;
    }
    ul.navigation-sub li:last-child a{
        border-bottom:none;	
    }
    .option {
        padding-right:0;	
    }
    .option .btn-group {
        float:none;	
    }
    #grid{
        margin-top:140px;
        display:block;	
    }
    .list-style{
        	
    }
	.list-style-merchant.list-style{
		display:block !important;	
	}
	#listItem .list-style-merchant.list-style:first-child{
		margin-top:30px;	
	}
	#listItem{
		padding-left:15px;	
	}
    #btn-list{
        display:none;	
    }
    .head-title{
        padding-left:0px;
    }
    .item-caption .business-name, .item-caption .business-name p, .item-description, .item-description p{
        text-align:left;	
    }

    /*-------Genaral Custom---------*/
    .navi-wrap{
        width:100%;	
    }
    ul.navigation{
        margin:20px 0 0 0;
        padding:0;	
    }
    ul.navigation li{
        width:100%;
        padding:0px;	
    }
    ul.navigation li a{
        text-align:center;
        width:100%;	
        padding:6px 0px;
        border:none;
        border-bottom:1px solid #DDD;
    }
    ul.navigation li:last-child a{
        border:none;
    }

    /*------- Profile -----------*/
    .header-nav{
        width:100%;
        min-height:150px;
    }
    .header-bg{
        display:none;	
    }
    .profile ul.navigation > li:hover a, .profile ul.navigation > li.nav-active a,.profile ul.navigation-sub > li:hover a,.profile ul.navigation-sub > li.nav-active a,.profile ul.navigation-sub li a{
        padding:6px 0px;
    }
    .profile .ri-grid{
        margin-top:0px;	
        margin-bottom:0px;
        min-height:0;
        float:left;
    }
    .profile-slide-caption{
        top:205px;
        left:0px;
        width:94%;
        padding:3%;	
        position:relative;
        z-index:0;
    }
    .profile-slide-caption h1{
        text-align:center;
        font-size:20px !important;	
        line-height:20px !important;
    }
    .profile-slide-caption h2{
        text-align:center;
        font-size:16px !important;
        line-height:20px !important;	
    }
    .profile-caption{
        top:330px;
        background:#0082A7;
        float:left;
        clear:both;	
    }
    ul.profile-by-num{
        float:left;
        clear:both;
        background:#0082A7;	
    }
    ul.profile-by-num li h2{
        font-size:16px;	
    }
    .profile-content{
        margin-top:0px;	
    }
    .our-service-items{
        margin-top:30px !important; 	
    }
    .our-service-items li{
        width:96% !important;	
    }
    .box-right{
        max-width:100%;
        overflow:hidden;	
    }
    .box-view-all-service{
        display:none;	
    }
    .box-map{
        margin-top:0px !important;	
    }
    .box-operation ul li span:first-child{
        float:none;
        width:auto;
    }	
    .box-operation ul{
        margin:0;
        padding:0;	
    }
    .business-profile-page .list-btn, .business-profile-page .separ, .business-profile-page #service_item a, .business-profile-page #service_item span{
        display:none;
    }
    /*-------Update 13/1--------*/
    .welcome-div{
        position:absolute;
        width:150px !important;	
    }
    .btn-navbar{
        padding:12px !important;
        background:#F73298 !important;	
        margin-bottom:10px;
    }
    ul.navigation{
        margin-top:5px;	
    }
    .homepage-content{
        margin-top:-20px;	
    }
    .signin-form{
        left:-45px;	
    }
    .ico-network, .ico-twitter{
        margin-left:15px;	
    }
    .vertical-or{
        top:193px;	
    }
    .register-form{
        left:-100px;	
    }
    .vertical-or.sign-up{
        top:172px;	
    }
    .signup-wrapper, .signin-wrapper{
        margin-top:40px !important;	
    }
    #UserSignUp_birthday{
        width:84%;	
    }
    .carousel-caption-cls .caption-text{
        float:right;	
    }
    .btn-view-list{
        float:right;	
    }


    /*-------------Sub Page--------------*/
    ul.navigation-sub li a{
        text-align:center;	
        padding:6px 0px;
    }
    .side-right .page-title, .side-right .page-title .option, .side-right .page-title-favourite, .side-right .page-title-favourite .option{
        text-align:center;	
    }
    ul.my-account-ul{
        margin-right:5%;	
    }
    .dropdown-menu .divider{
        margin:2px 1px;	
    }
    #grid{
        margin-top:110px;
    }
    #side-right-wrapper-favourite #grid{
        margin-top:20px;	
    }
    .page-title-favourite{
        padding-bottom:5px;	
    }

    #side-right-wrapper-favourite .grid li{
        width:100%;	
    }
    #side-right-wrapper-favourite #grid2{
        padding-top:0;	
    }
    .search-top{
        width:36% !important;	
        float:right !important;
    }
    .header-nav{
        min-height:0px;	
    }
    .profile-block, .profile-block .items-thumb{
        max-width:100%;
    }
    .page-bg{
        display:none;	
    }
    .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right{
        left:0px;
        right:auto;	
    }
    ul.my-account-ul{
        float:left;	
    }
    /*---------Profile Page----------*/
    .dacker{
        display:none;
    }	
    .profile-caption{
        position:relative;	
        top:0px;
        bottom:auto;
    }
    .profile-caption img.profile-logo{
        width:80px;
        height:80px;
        top:9px;	
        left:10px;
    }
    .profile-slide-caption{
        top:0px;	
    }
    /*---------Booking form---------*/
    #right-bookingform{
        margin-top:40px;	
    }
    .step-number{
        height:60px;
        width:60px;
        line-height:60px;
        font-size:40px;	
    }
    .step-title{
        line-height:60px;
        font-size:20px;
    }
    h3.im-member{
        font-size:16px;	
    }
    #right-bookingform h3.im-member{
        margin:60px 0 20px;
    }
    .text-bigger{
        font-size:2em;	
    }
    h1{
        font-size:2.3em;	
    }
    .or-mobile{
        display:block;	
    }
    #header_nav .span8{
        background:#FDFDFD;	
    }
    .small-logo{
        margin-top:18px;	
    }
    .profile-name h2{
        margin-left:115px;
    }
    ul.profile-by-num{
        margin-top:30px;	
    }
    ul.profile-by-num li{
        border-top:1px solid #FFF;
        border-left:1px solid #FFF;	
        padding-top:10px;
        padding-bottom:15px;
    }
    ul.profile-by-num li:first-child{
        border-left:none;
    }
    ul.profile-by-num li:last-child{
        padding-top:20px;	
    }
    .comment-num{
        display:none !important;	
    }
    ul.profile-by-num li{
        width:33%;	
    }
    .profile-produce{
        float:left !important;	
    }
	
	/*------------ update layout 16/2 --------------*/
	.menu-center{
		width:100%;
		display:block;
		float:left;	
	}
	ul.navigation > li, ul.navigation-sub > li{
		display:block;
		float:left;	
	}
	.search-box{
		width:260px;
		left:50%;
		margin-left:-150px;	
		top:50%;
		margin-top:-150px;
		height:auto;
	}
	a.advance-search-bt{
		margin-bottom:10px;	
	}
	.search-toggle{
		top:40px;
		margin-top:0px;	
	}
	.day-of-birth input.bday-append{
		width:220px !important;	
	}
	#advance_search #start_time,#advance_search #to_time{
		width:231px;	
	}
	ul.navigation-sub{
		width:100%;	
	}
	iframe{
		max-width:100%;
		height:auto;
		min-height:200px;	
	}
	.link-pricing a{
		width:90%;
		float:left;	
		clear:both;
		padding:6px 2% !important;
		margin-left:3%;
	}
	.welcome-to-shampoo h1{
		margin-top:40px !important;
		margin-bottom:40px;
		font-size:40px !important;
	}
	footer{
		clear:both;	
	}
	.link-pricing{
		margin-top:20px !important;	
	}
	.homepage-video{
		max-width:100%;
		float:none;	
		margin:0 auto;
	}
	.welcome-shampoo{
		margin-left:0;	
	}
	.row-fluid.welcome-to-shampoo .span7{
		text-align:center;	
	}
	.welcome-to-shampoo p{
		padding:10px;	
	}
	.what-is-shampoo{
		margin:20px auto;
		width:80%;	
	}
	.welcome-to-shampoo > .span5{
		text-align:center;	
	}
	.select2-container-multi .select2-choices, .chzn-container-multi .chzn-choices{
		width:100%;	
	}
	
	.filter-wr{
		display:none;
	}
	.browser-wr, .bookform-wr{
		margin-top:0px;	
		margin-bottom:0;
		width:100%;
	}
	.br-col{
		width:100%;
		max-width:100%;
	}
	.gallery-style{
		display:block !important;	
	}
	.list-style{
		display:none !important;	
	}
	#service_item div{
		display:none;	
	}
	.browser-content .br-col:first-child, .browser-content .br-col:last-child{
		margin-left:inherit;	
	}
	.separate{
		display:none;	
	}
	.currency{
		float:left;
		margin-left:15px;	
	}
}